<template>
    <div class="container">
        <div class="oneimg" :style="{'backgroundImage':'url('+picsList[0].path+')'}">
            <div class="position">
                <div class="top">
                    <a href="" id=''>
                    
                     </a>
                    <a href="#/detail/963" id='963' >
                        
                    </a>
                </div>
                <div class="bottom">
                    <a href=""></a>
                    <a href=""></a>
                </div>
            </div>
        </div>
        <div class="twoimg" :style="{'backgroundImage':'url('+picsList[1].path+')'}">

        </div>

    </div>
</template>

<script>
import {getGoods} from '../assets/request'
export default {
    data(){
        return {
            pics:[]
        }
    },
    async created(){
        // console.log(this.$route);
        let res = await getGoods(653)
        console.log(res);
        this.pics = res.s_goods_photos
    },
    computed:{
        picsList(){
            let arr = this.pics
            return arr
        }
    }
}
</script>

<style lang='scss' sceped>
    .container{
        background-color: #0c1011;
        .oneimg{
            width: 1920px;
            height: 1220px;
            margin: 0 auto;
            position: relative;
            .position{
                width: 590px;
                height: 950px;
                position: absolute;
                top: 210px;
                left: 900px;
                .top,.bottom{
                    width: 100%;
                    height: 50%;
                    display: flex;
                    a{
                        width: 50%;
                        height: 100%;
                        background-color: rgba($color: #000000, $alpha:.5);
                    }
                    
                }
            }
        }
        .twoimg{
            width: 1920px;
            height: 2158px;
            margin: 0 auto;
            position: relative;
        }
    }
</style>